<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="/newTemplate.xhtml">
    <ui:define name="top">Factura</ui:define>
    <ui:define name="content">
 <h:form>  
                <p:panel id="panelFactura" header="Factura Siniestro" style="width: 800px"> 
                    <p:focus context="panelFactura"/> 
                    <h:panelGrid columns="3" >  
                        <h:outputLabel for="cliente" value="Nombre: *" />  
                        <p:inputText id="cliente" value="#{facturaBean.cuenta.cliente}" label="cliente" required="true"
                                     style="width: 150px" maxlength="100" />
                        <p:message for="cliente" />
                        
                        <h:outputLabel for="fechaFac" value="fechaFac: *" />  
                        <p:inputText id="fechaFac" value="#{facturaBean.fecha}" label="fechaFac" required="true"
                                     style="width: 200px" maxlength="100" />
                        <p:message for="fechaFac:" />
                        <h:outputLabel for="codigo" value="Seleccione el Siniestro: *" />  
                       
                        <h:selectOneMenu value="#{facturaBean.codTemp}" style="width:100%" >
                                <f:selectItem itemLabel="" itemValue=""/>
                                <f:selectItems value="#{facturaBean.siniestros}" var="siniestro" itemLabel="#{siniestro.codSiniestro}" itemValue="#{siniestro.codSiniestro}" />
                        </h:selectOneMenu>
                        
                        <p:spacer width="1px" />
                        
                    </h:panelGrid>
                    <h:panelGrid columns="2" cellspacing="5px">
                        <p:commandButton value="Crear"  actionListener="#{facturaBean.guardar()}" update="@all" rendered="#{not facturaBean.enEdicion}"/>
                        <p:commandButton value="Cancelar" actionListener="#{FacturaBean.cancelar()}" immediate="true" rendered="#{not facturaBean.enEdicion}"/>
                    </h:panelGrid>  
                </p:panel>
             </h:form>                
            <h:form id="formDEtalles">  
            <p:dataTable id="tabla" var="detalles" value="#{facturaBean.detalles}" rowKey="#{detalles.codDetalle}"  
                         selection="#{facturaBean.detalleSeleccionado}" selectionMode="single" 
                scrollable="true" scrollHeight="150" style="width: 800px" emptyMessage="No se ha registrado ningun Cliente"
                rendered="#{facturaBean.enEdicion}" >
                <p:ajax event="rowSelect" listener="#{facturaBean.filaSeleccionada(evento)}" update="tabla"/>
                <p:ajax event="rowUnselect" listener="#{facturaBean.filaSeleccionada(evento)}" update="tabla"/>
                <f:facet name="header">  
                    Detalles
                </f:facet>
                <p:column headerText="Codigo" width="100">  
                    #{detalles.codDetalle}
                </p:column>
                <p:column headerText="Cantidad" width="100">  
                    #{detalles.cantidadDet}
                </p:column>
                <p:column headerText="Descripcion" width="120">  
                    #{detalles.descripcionDet}  
                </p:column>
                <p:column headerText="Valor Unitario" width="200">  
                    #{detalles.valorUnitario}  
                </p:column>
                <p:column headerText="Total" width="150">  
                    #{detalles.totalProducto}  
                </p:column>
              </p:dataTable>  
            <h:panelGrid columns="3" cellspacing="5px">
                <p:commandButton value="Nuevo"  actionListener="#{facturaBean.nuevo()}" update="@all" rendered="#{facturaBean.enEdicion}" />  
                <p:commandButton value="EditarDetalle" actionListener="#{facturaBean.editando()}" update="@all" rendered="#{facturaBean.enEdicion}" /> 
                <p:commandButton  value="Eliminar" update="@all" actionListener="#{facturaBean.eliminar()}" rendered="#{facturaBean.enEdicion}"/>  
               
            </h:panelGrid>  
             </h:form>  

             <h:form>  
                 <p:panel id="panelDetalle" header="Ingreso Nuevo Detalle" style="width: 800px" rendered="#{facturaBean.nuevoDet}"> 
                    <p:focus context="panelDetalle"/> 
                    <h:panelGrid columns="3" >  
                        <h:outputLabel for="cantidad" value="Cantidad: *" />  
                        <p:inputText id="cantidad" value="#{facturaBean.detalle.cantidadDet}" label="cantidad" required="true"
                                     style="width: 150px" maxlength="100" />
                        <p:message for="cantidad" />
                        
                        <h:outputLabel for="Descripcion" value="Descripcion: *" />  
                        <p:inputText id="descripcion" value="#{facturaBean.detalle.descripcionDet}" label="descripcion" required="true"
                                     style="width: 200px" maxlength="100" />
                        <p:message for="descripcion" />
                        <h:outputLabel for="ValorUnitario" value="Valor Unitario: *" />  
                        <p:inputText id="valoru" value="#{facturaBean.detalle.valorUnitario}" label="valoru" required="true"
                                     style="width: 200px" maxlength="100" />
                        <p:message for="valoru" />  
                        <p:spacer width="1px" />
                        
                    </h:panelGrid>
                    <h:panelGrid columns="2" cellspacing="5px">
                        <p:commandButton value="Crear"  actionListener="#{facturaBean.nuevoDetalle()}" update="@all" />
                        <p:commandButton value="Cancelar" actionListener="#{FacturaBean.cancelar()}" immediate="true"/>
                    </h:panelGrid>  
                </p:panel>
                 <p:panel id="pie" style="width: 800px" rendered="#{facturaBean.enEdicion}">
                     <p:panelGrid columns="3">
                         <h:outputLabel for="espacio" value=" " /> 
                         <h:outputLabel for="subtotal" value="  Subtotal :" /> 
                         
                         <h:outputLabel for="subtotal" value="#{facturaBean.subTotal}" /> 
                         
                         <h:outputLabel for="espacio1" value=" " /> 
                         <h:outputLabel for="iva" value="  IVA :" /> 
                         <h:outputLabel for="subtotal" value="#{facturaBean.IVA}" /> 
                         <h:outputLabel for="espacio2" value=" " /> 
                         <h:outputLabel for="total" value="  Total :" /> 
                         <h:outputLabel for="subtotal" value="#{facturaBean.cuenta.totalSin}" /> 
                         <p:commandButton value="Finalizar"  action="#{facturaBean.guardarFactura()}"  />
                        <p:commandButton value="Cancelar" action="#{facturaBean.cancelarFactura()}" immediate="true"/>
                     </p:panelGrid>
                 </p:panel>
             </h:form>  
    </ui:define>
 </ui:composition>

                      
       
